{% extends 'main/mainpage.html' %}
{% block content %}
  <div class="contact_page">
    <h3>Contact</h3>
    <div class="cnt-pg cnt-pg-4">
      <h4>Adress</h4>
      <ul>
      <li>Rome</li>
      <li>Italy</li>
      <li>55,  Cannal Street.</li>
      <li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>+11995566</li>
      </ul>
    </div>

    <div class="cnt-pg cnt-pg-8">
      <h4>Contact form</h4>
      <textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Enter your text here...</textarea>
      <form>
      <input class="name" type="text" name="name" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}"><br>
      <br>
      <input class="nuber" type="text" name="Phone number" value="Phone Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Number';}"><br>
      <br>
      <input class="mail2" type="text" name="email" value="E-mail" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E-mail';}"><br>
      <br>
      <button type="clear" class="btn btn-info mrgn-can">Clear</button>
      <button type="submit" class="btn btn-info mrgn-can">Submit</button>
      </form>
    </div>
  </div>
{% endblock %}
